html,
body,
#app {
  margin: 0;
  padding: 0;
  background-color: #f0f2f5;
}

.flex {
  display: flex;
  &.row-center {
    align-items: center;
  }
}

$NUM: 100;
@while $NUM >= 0 {
  .m-#{$NUM} {
    margin: $NUM * 1px;
  }
  .m-l-#{$NUM} {
    margin-left: $NUM * 1px;
  }
  .m-r-#{$NUM} {
    margin-right: $NUM * 1px;
  }
  .m-t-#{$NUM} {
    margin-top: $NUM * 1px;
  }
  .m-b-#{$NUM} {
    margin-bottom: $NUM * 1px;
  }
  .w-#{$NUM} {
    width: $NUM * 1%;
  }
  .h-#{$NUM} {
    height: $NUM * 1%;
  }

  $NUM: $NUM - 5;
}
